<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		#id1{
			width: 200px;
			height: 100px;
			background-color: blue;
		}
	</style>
	<body>
		<div id="div1"></div>
		<div id="div2"></div>
		<div id="div3"></div>
		<h1 class="h1"> 标题</h1>
		<p>第一个段落</p>
		<p>第二个段落</p>
		<p>第三个段落</p>
		<p>第四个段落</p>
		<p>第五个段落</p>
		<ul>
			<li name='明星'>王力宏</li>
			<li name='明星'>周杰伦</li>
			<li name='明星'>林俊杰</li>
			<li name='明星'>黄家驹</li>
		</ul>
	</body>
	<script type="text/javascript">
		//ID选择器
		var div1obj=document.getElementById();
		console.log(div1obj);
		//类
		var obj=document.getElementsByClassName();
		console.log('h1');
		//标签
		var obj2=document.getElementsByTagName('p');
	</script>
</html>
